<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<META HTTP-EQUIV="pragma" CONTENT="no-cache"> 
<META HTTP-EQUIV="Cache-Control" CONTENT="no-store, must-revalidate"> 
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"> 
<META HTTP-EQUIV="expires" CONTENT="0">
<meta name="viewport" content="height=device-height,width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
<link href="img/css/css.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/demo.Default.css" />
<script src="http://webapi.amap.com/maps?v=1.3&key=57c58c7b1f94514317df97e3a985962c"></script>
<script language="javascript" type="text/javascript" src="js/WdatePicker.js"></script>
<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="js/QueryStringParser.js"></script>
<script type="text/javascript" src="js/jquery.json.min.js"></script>  
<script type="text/javascript" src="js/jsonMsg.js"></script>  
<script language="javascript">
var mapObj;
var windowsArr = [];
var marker = [];
function mapInit() {
 
    mapObj = new AMap.Map("iCenter", {
        view: new AMap.View2D({
            center:new AMap.LngLat(121.357428,31.23923),//地图中心点
            zoom:13//地图显示的缩放级别
        }),
        keyboardEnable:false
    });
    mapObj.plugin(["AMap.ToolBar"],function(){		
			toolBar = new AMap.ToolBar();
			mapObj.addControl(toolBar);		
		});
		
	//document.getElementById("keyword").onkeyup = keydown;
}
 
//输入提示
function autoSearch() {
    var keywords = document.getElementById("keyword").value;
    var cityName = document.getElementById("city").value;
    if(cityName==null || cityName.trim()==""){
    	alert("请先输入城市!");
    	return false;	
    }
    var auto;
    //加载输入提示插件
        AMap.service(["AMap.Autocomplete"], function() {
        var autoOptions = {
            city: cityName //城市，默认全国
        };
        auto = new AMap.Autocomplete(autoOptions);
        //查询成功时返回查询结果
        if ( keywords.length > 0) {
            auto.search(keywords, function(status, result){
            	autocomplete_CallBack(result);
            });
        }
        else {
            document.getElementById("result1").style.display = "none";
        }
    });
}
 
//输出输入提示结果的回调函数
function autocomplete_CallBack(data) {
    var resultStr = "";
    var tipArr = data.tips;
    if (tipArr&&tipArr.length>0) {                 
        for (var i = 0; i < tipArr.length; i++) {
            resultStr += "<div id='divid" + (i + 1) + "' onmouseover='openMarkerTipById(" + (i + 1)
                        + ",this)' onclick='selectResult(" + i + ")' onmouseout='onmouseout_MarkerStyle(" + (i + 1)
                        + ",this)' style=\"font-size: 13px;cursor:pointer;padding:5px 5px 5px 5px;\"" + "data=" + tipArr[i].adcode + ">" + tipArr[i].name + "<span style='color:#C1C1C1;'>"+ tipArr[i].district + "</span></div>";
        }
    }
    else  {
        resultStr = " π__π 亲,人家找不到结果!<br />要不试试：<br />1.请确保所有字词拼写正确<br />2.尝试不同的关键字<br />3.尝试更宽泛的关键字";
    }
    document.getElementById("result1").curSelect = -1;
    document.getElementById("result1").tipArr = tipArr;
    document.getElementById("result1").innerHTML = resultStr;
    document.getElementById("result1").style.display = "block";
}
 
//输入提示框鼠标滑过时的样式
function openMarkerTipById(pointid, thiss) {  //根据id打开搜索结果点tip 
    thiss.style.background = '#CAE1FF';
}
 
//输入提示框鼠标移出时的样式
function onmouseout_MarkerStyle(pointid, thiss) {  //鼠标移开后点样式恢复 
    thiss.style.background = "";
}
 
//从输入提示框中选择关键字并查询
function selectResult(index) {
    if(index<0){
        return;
    }
    if (navigator.userAgent.indexOf("MSIE") > 0) {
        document.getElementById("keyword").onpropertychange = null;
        document.getElementById("keyword").onfocus = focus_callback;
    }
    //截取输入提示的关键字部分
    var text = document.getElementById("divid" + (index + 1)).innerHTML.replace(/<[^>].*?>.*<\/[^>].*?>/g,"");
	var cityCode = document.getElementById("divid" + (index + 1)).getAttribute('data');
    document.getElementById("keyword").value = text;
    document.getElementById("result1").style.display = "none";
    //根据选择的输入提示关键字查询
    mapObj.plugin(["AMap.PlaceSearch"], function() {       
        var msearch = new AMap.PlaceSearch();  //构造地点查询类
        AMap.event.addListener(msearch, "complete", placeSearch_CallBack); //查询成功时的回调函数
		msearch.setCity(cityCode);
        msearch.search(text);  //关键字查询查询
    });
}
 
//定位选择输入提示关键字
function focus_callback() {
    if (navigator.userAgent.indexOf("MSIE") > 0) {
        document.getElementById("keyword").onpropertychange = autoSearch;
   }
}
 
//输出关键字查询结果的回调函数
function placeSearch_CallBack(data) {
    //清空地图上的InfoWindow和Marker
    windowsArr = [];
    marker     = [];
    mapObj.clearMap();
    var resultStr1 = "";
    var poiArr = data.poiList.pois;
    var resultCount = poiArr.length;
    for (var i = 0; i < 1; i++) {
    	latLon = poiArr[i].location;
        resultStr1 += "<div id='divid" + (i + 1) + "' onmouseover='openMarkerTipById1(" + i + ",this)' onmouseout='onmouseout_MarkerStyle(" + (i + 1) + ",this)' style=\"font-size: 12px;cursor:pointer;padding:0px 0 4px 2px; border-bottom:1px solid #C1FFC1;\"><table><tr><td><img src=\"http://webapi.amap.com/images/" + (i + 1) + ".png\"></td>" + "<td><h3><font color=\"#00a6ac\">名称: " + poiArr[i].name + "</font></h3>";
            resultStr1 += TipContents(poiArr[i].type, poiArr[i].address, poiArr[i].tel) + "</td></tr></table></div>";
            addmarker(i, poiArr[i]);
    }
    mapObj.setFitView();
    //document.getElementById("result").innerHTML = resultStr1;
    //document.getElementById("result").style.display = "block";
}
 
//鼠标滑过查询结果改变背景样式，根据id打开信息窗体
function openMarkerTipById1(pointid, thiss) {
    thiss.style.background = '#CAE1FF';
    windowsArr[pointid].open(mapObj, marker[pointid]);
}
 
//添加查询结果的marker&infowindow   
function addmarker(i, d) {
    var lngX = d.location.getLng();
    var latY = d.location.getLat();
    var markerOption = {
        map:mapObj,
        icon:"http://webapi.amap.com/images/" + (i + 1) + ".png",
        position:new AMap.LngLat(lngX, latY)
    };
    var mar = new AMap.Marker(markerOption);         
    marker.push(new AMap.LngLat(lngX, latY));
 
    var infoWindow = new AMap.InfoWindow({
        content:"<h3><font color=\"#00a6ac\">  " + (i + 1) + ". " + d.name + "</font></h3>" + TipContents(d.type, d.address, d.tel),
        size:new AMap.Size(300, 0),
        autoMove:true, 
        offset:new AMap.Pixel(0,-30)
    });
    windowsArr.push(infoWindow);
    var aa = function (e) {infoWindow.open(mapObj, mar.getPosition());};
    AMap.event.addListener(mar, "click", aa);
}
 
//infowindow显示内容
function TipContents(type, address, tel) {  //窗体内容
    if (type == "" || type == "undefined" || type == null || type == " undefined" || typeof type == "undefined") {
        type = "暂无";
    }
    if (address == "" || address == "undefined" || address == null || address == " undefined" || typeof address == "undefined") {
        address = "暂无";
    }
    if (tel == "" || tel == "undefined" || tel == null || tel == " undefined" || typeof address == "tel") {
        tel = "暂无";
    }
    var str = "  地址：" + address + "<br />  电话：" + tel + " <br />  类型：" + type;
    return str;
}
function keydown(event){
    var key = (event||window.event).keyCode;
    var result = document.getElementById("result1")
    var cur = result.curSelect;
    if(key===40){//down
        if(cur + 1 < result.childNodes.length){
            if(result.childNodes[cur]){
                result.childNodes[cur].style.background='';
            }
            result.curSelect=cur+1;
            result.childNodes[cur+1].style.background='#CAE1FF';
            document.getElementById("keyword").value = result.tipArr[cur+1].name;
        }
    }else if(key===38){//up
        if(cur-1>=0){
            if(result.childNodes[cur]){
                result.childNodes[cur].style.background='';
            }
            result.curSelect=cur-1;
            result.childNodes[cur-1].style.background='#CAE1FF';
            document.getElementById("keyword").value = result.tipArr[cur-1].name;
        }
    }else if(key === 13){
        var res = document.getElementById("result1");
		if(res && res['curSelect'] !== -1){
			selectResult(document.getElementById("result1").curSelect);
		}
    }else{
        autoSearch();
    }
}

function getPageSize() {

    var xScroll, yScroll;

    if (window.innerHeight && window.scrollMaxY) {

        xScroll = window.innerWidth + window.scrollMaxX;

        yScroll = window.innerHeight + window.scrollMaxY;

    } else {

        if (document.body.scrollHeight > document.body.offsetHeight) { // all but Explorer Mac    

            xScroll = document.body.scrollWidth;

            yScroll = document.body.scrollHeight;

        } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari    

            xScroll = document.body.offsetWidth;

            yScroll = document.body.offsetHeight;

        }

    }

    var windowWidth, windowHeight;

    if (self.innerHeight) { // all except Explorer    

        if (document.documentElement.clientWidth) {

            windowWidth = document.documentElement.clientWidth;

        } else {

            windowWidth = self.innerWidth;

        }

        windowHeight = self.innerHeight;

    } else {

        if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode    

            windowWidth = document.documentElement.clientWidth;

            windowHeight = document.documentElement.clientHeight;

        } else {

            if (document.body) { // other Explorers    

                windowWidth = document.body.clientWidth;

                windowHeight = document.body.clientHeight;

            }

        }

    }       

    // for small pages with total height less then height of the viewport    

    if (yScroll < windowHeight) {

        pageHeight = windowHeight;

    } else {

        pageHeight = yScroll;

    }    

    // for small pages with total width less then width of the viewport    

    if (xScroll < windowWidth) {

        pageWidth = xScroll;

    } else {

        pageWidth = windowWidth;

    }

    arrayPageSize = new Array(pageWidth, pageHeight, windowWidth, windowHeight);

    return arrayPageSize;

}

function popMore(){
	if(document.getElementById("dropbox").style.display=='none'){
		document.getElementById("dropbox").style.display="";
	}else{
		document.getElementById("dropbox").style.display="none";
	}
}
</script>
<title>邀请</title>
</head>

<body onload="mapInit();">
<div class="keep" id="pop" style="display: none;"><img src="img/popup_text.png"></div>
<div class="tool_bar">
     <font id="mines"></font>
     <div class="list_text_tool">
           <div class="list_title_tool"><font id="nickname"></font>创建的<font id="title"></font>之旅</div>
           <div class="list_dis_tool"><i class="iconfont tool_ico">&#xe610;</i>目的地：<font id="dest"></font></div>
           <div class="list_user_status">
                <p class="user_tool"><i class="iconfont tool_ico">&#xe609;</i>参与人数：<font id="members"></font>人</p>
                <p class="status_tool"><font id="validDate"></font></p>
           </div>
      </div>
</div>
<div id="iCenter" style="width:99%;height:150px;margin-top: 0px;"></div>
<script type="text/javascript">
	document.getElementById("iCenter").style.height=(getPageSize()[1]-56-130)+"px";
</script>
<div class="bottom_user_list">
     <div class="wraning_text"><font id="nicknameDown"></font>邀请您参加<font id="titleDown"></font>之旅</div>
     <div class="bottom_btn">
           <a href="#"><div class="left_btn"><p class="ico_group"><i class="iconfont img">&#xe601;</i>拒绝</p></div></a>
           <div class="right_btn line_left"><p class="ico_group" onclick="joins()" style="cursor:pointer;"><i class="iconfont img">&#xe602;</i>接受</p></div>
     </div>
</div>
</body>
</html>


<script type="text/javascript">
var latLon = "";
var openId = queryString.getParam("inviteUser");
var acceptOpenId = queryString.getParam("acceptUser"); 
var tripId = queryString.getParam("id");

function joins(){
	var members = [];
	members.push(acceptOpenId);
	var dataStr = {   
        OpenIDs:members,
        Type: 2,
        ID:tripId
    };  
	
	
	var bodyStr = popBody('InviteFriend',dataStr);
	var request = popRequest('InviteFriend',openId,bodyStr);
	//调用了jquery.json 库  
	var encoded = $.toJSON( request );  
	var jsonStr = encoded;  
	
	$.ajax({  
	url : actionStr,  
	type : 'POST',  
	data : jsonStr,  
	dataType : 'json',  
	contentType : 'application/json',  
	success : function(data, status, xhr) {  
		//Do Anything After get Return data  
		var dataStr = {
			OpenID: 	acceptOpenId
		};	
		var bodyStr = popBody('UserDetail',dataStr);
		var request = popRequest('UserDetail',acceptOpenId,bodyStr);
		//调用了jquery.json 库  
		var encoded = $.toJSON( request );  
		var jsonStr = encoded;  

		$.ajax({  
		url : actionStr,  
		type : 'POST',  
		data : jsonStr,  
		dataType : 'json',  
		contentType : 'application/json',  
		success : function(data, status, xhr) {  
		//         Do Anything After get Return data  
				if(data.portalResp.Data.Profiles.status=='0'){
					//说明还没有关注公众号
					document.getElementById("pop").style.display="";
				}else{
					window.location.href="trip_member.html?openid="+acceptOpenId+"&tripid="+tripId;
				}
		},  
		Error : function(xhr, error, exception) {  
		    // handle the error.    
		    alert(exception.toString());  
		}  
		});  
    

		},  
		Error : function(xhr, error, exception) {  
		    // handle the error.    
		    alert(exception.toString());  
		}  
		});  
}

var memberList = [];
var tripLeaderId = "";

$(document).ready(function(){
	if(openId==null || openId==""){
		return false;	
	}else{
		    
		    fillTripInfo(openId,tripId);    
	}
	
});

function fillTripInfo(openId,tripId){
	var dataStr = {
		TripID: 	tripId
	};	
	var bodyStr = popBody('TripDetail',dataStr);
	var request = popRequest('TripDetail',openId,bodyStr);
	//调用了jquery.json 库  
	var encoded = $.toJSON( request );  
	var jsonStr = encoded;  

	$.ajax({  
	url : actionStr,  
	type : 'POST',  
	data : jsonStr,  
	dataType : 'json',  
	contentType : 'application/json',  
	success : function(data, status, xhr) {  
	//         Do Anything After get Return data  
			
			$("#title").html("");	
			$("#title").html(data.portalResp.Data.Title);	
      
      $("#dest").html("");	
			$("#dest").html(data.portalResp.Data.Destination.Name);	
			
			$("#members").html("");	
			$("#members").html(data.portalResp.Data.MemberStatus.length);	
			
			$("#validDate").html("");	
			$("#validDate").html(data.portalResp.Data.ValidDate);	
			
			var nickName="",imageURL="",nickNameDown="";
			tripLeaderId = data.portalResp.Data.TripLeader;
			
			if(data.portalResp.Data.MemberStatus && data.portalResp.Data.MemberStatus.length>0){
					memberList = data.portalResp.Data.MemberStatus;
          $.each(data.portalResp.Data.MemberStatus, function(index){
          		if(data.portalResp.Data.MemberStatus[index].OpenID==openId){
          				nickNameDown = data.portalResp.Data.MemberStatus[index].Nickname;
          					
          		}
          		if(data.portalResp.Data.MemberStatus[index].OpenID==data.portalResp.Data.TripLeader){
          				nickName = data.portalResp.Data.MemberStatus[index].Nickname;
          				imageURL = data.portalResp.Data.MemberStatus[index].ImageURL;
          					
          		}
          }); 
			}
			
			$("#titleDown").html("");	
			$("#titleDown").html(data.portalResp.Data.Title);	
			
			$("#nicknameDown").html("");	
			$("#nicknameDown").html(nickNameDown);	
			
			$("#mines").html("");	
			$("#mines").html("<img src='"+imageURL+"'  class='user_pic' height='46' width='46'>");	
			
			$("#nickname").html(nickName);
			
//			if(imageURL.substring(imageURL.length-3)=="/64"){
//    			imageURL = imageURL.substring(0,imageURL.length-3)+"/96";
//    	}

			var marker = new AMap.Marker({
	        position: new AMap.LngLat(data.portalResp.Data.Destination.Loc.Longitude/1000000, data.portalResp.Data.Destination.Loc.Latitude/1000000)
	    });
	    marker.setMap(mapObj);
	    marker.setTitle(data.portalResp.Data.Title); 

			mapObj.setZoomAndCenter(14, new AMap.LngLat(data.portalResp.Data.Destination.Loc.Longitude/1000000, data.portalResp.Data.Destination.Loc.Latitude/1000000));
			
			
	},  
	Error : function(xhr, error, exception) {  
	    // handle the error.    
	    alert(exception.toString());  
	}  
	});  	
}

</script>